<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="${ctx}/res/css/default.css">
<link rel="stylesheet" type="text/css" href="${ctx}/res/css/easyui.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/res/css/icon.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/res/css/style.css">
<link rel="stylesheet" type="text/css"
	href="${ctx}/res/css/lq.fieldset.css">
<script type="text/javascript" src="${ctx}/res/js/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/res/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${ctx}/res/js/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="${ctx}/res/js/lq.fieldset.js"></script>
<script type="text/javascript" src="${ctx}/res/js/base.js"></script>
<script type="text/javascript" src="${ctx}/res/js/pager.js"></script>
<script type="text/javascript">
	
	//查询
	function search() {
		var param = {};
		var cName = $("#cName").textbox("getValue");
		param.cName = cName;
		$("#downRight").propertygrid({
			url : "${ctx}/customer/search/informations",
			queryParams : param,
			loadFilter : pagerFilter
		});
	}
	//列表头
	var mycolumns = [ [ {
		field : 'cName',
		title : '用户名',
		width : '20%',
		sortable : true
	}, {
		field : 'cPhone',
		title : '联系电话',
		width : '15%',
		resizable : false,
	}, {
		field : 'cEmail',
		title : 'email',
		width : '10%',
		resizable : false,
	}, {
		field : 'cQuestion',
		title : '预留问题',
		width : '18%',
		resizable : false
	}, {
		field : 'cAnswer',
		title : '问题答案',
		width : '10%',
		resizable : false,
	}, {
		field : 'cAddress',
		title : '用户地址',
		width : '12%',
		resizable : false
	}, {
		field : 'cHeader',
		title : '图片路径',
		width : '12%',
		resizable : false,
	} ] ];
</script>

</head>
<body>
	<div id="toolRight" style="padding: 5px; height: 25px">
		<div style="float: left; margin-left: 30px">
			用户名：<input class="easyui-textbox" style="width: 100px;" name="cName"
				id="cName" value="">&emsp;
			<button type="button" class="easyui-linkbutton" onclick="search()">查询</button>
		</div>
	</div>
	<div region="south" id="southDiv" style="width: 100%; height: 100%">
		<div class="easyui-layout" fit="true">
			<div region="east" style="width: 100%; height: 100%" id="eastTable">
				<table style="width: 100%; height: 100%"data-options="rownumbers:true,singleSelect:true,autoRowHeight:false,pagination:true,
						pageSize:10,columns: mycolumns,toolbar:'#toolRight'"
					id="downRight">
				</table>
			</div>
		</div>

	</div>

</body>
</html>